<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <meta name="generator" content="HTML Tidy for Linux/x86 (vers 1st November 2003), see www.w3.org"/>
    <title>JavaScript: Browser (Forms)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="copyright" content="Copyright &#169; 2005-2010 W3C (MIT, ERCIM, Keio)"/>
    <meta name="duration" content="5"/>
    <meta name="font-size-adjustment" content="-2"/>

    <link rel="stylesheet" href="styles/slidy.css" type="text/css"/>
    <link rel="stylesheet" href="styles/w3c-blue.css" type="text/css"/>
    <script type="text/javascript" src="scripts/slidy.js" charset="utf-8">//</script>

    <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    <script type="text/javascript" src="scripts/shCore.js"></script>
    <script type="text/javascript" src="scripts/shBrushJScript.js"></script>
    <script type="text/javascript" src="scripts/shBrushJava.js"></script>

    <link type="text/css" rel="stylesheet" href="styles/presentation.css"/>
    <script type="text/javascript" src="scripts/presentation.js"></script>
</head>


<body style="">
<div class="background">
    <img alt="" id="head-icon" src="graphics/icon-blue.png"/>
</div>

<div class="background slanty">
</div>

<div class="slide cover title">
    <img class="hidden" src="graphics/bullet.png" alt=""/>
    <img class="hidden" src="graphics/fold.gif" alt=""/>
    <img class="hidden" src="graphics/unfold.gif" alt=""/>
    <img class="hidden" src="graphics/fold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/nofold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/unfold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-fold.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-unfold.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-fold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-nofold-dim.gif" alt=""/>
    <img class="hidden" src="graphics/bullet-unfold-dim.gif" alt=""/>

    <h1>JavaScript: Browser (Forms)</h1>

    <div style="position: absolute; bottom: 20px;">
        <p>Alex.Kolonitsky@gmail.com</p>

        <p>
            <a href="http://javascript-learning-courses.googlecode.com">http://javascript-learning-courses.googlecode.com</a>
        </p>
    </div>
</div>

<div class="slide">
    <h1>Content</h1>

    <ul>
        <li>Таймеры</li>
        <li>Location</li>
        <li>History</li>
        <li>Window,Screen и Navigator</li>
        <li>Методы управления окнами</li>
        <li>Диалоговые окна</li>
        <li>Строка состояния</li>
        <li>Cookies</li>
        <li>Form</li>
    </ul>
</div>

<div class="slide">
    <h1>Таймеры</h1>

    <ul>
        <li>setTimeout(), clearTimeout()</li>
        <li>setInterval() и clearInterval()</li>
    </ul>
</div>

<div class="slide">
    <h1>Location</h1>

    <p>href, protocol, host, pathname и search</p>
    <pre class="brush: js">
        location.href = "http://ctdp.tripod.com/"

        switch (window.location.protocol) {
           case "http:":
              document.write("From Web<BR>\n")
              break
           case "file:":
              document.write("From Local computer<BR>\n")
              break
           default:
              document.write("Unknown Source<BR>\n")
              break
        }
    </pre>
</div>

<div class="slide">
    <h1>History</h1>

    <p>back(), forward(), go()</p>

    <pre class="brush: js">
        // Go back 3 pages
        history.go(-3)

        // Go to nearest URL in history list with "javascriptkit.com" in the URL.
        history.go('javascriptkit.com')
    </pre>
</div>

<div class="slide">
    <h1>Window,Screen и Navigator</h1>

    <dl>
        <dt>Screen</dt>
        <dd>информация о размере экрана пользователя и доступном количестве цветов</dd>
        <dt>Navigator</dt>
        <dd>содержащит общую информацию о вебброузере, такую как версия и список отображаемых форматов данных</dd>
        
    </dl>
</div>

<div class="slide">
    <h1>Методы управления окнами</h1>

    <pre class="brush: js">
        var w = window.open("smallwin.html", "smallwin",
            "width=400,height=350,status=yes,resizable=yes");

        
        window.opener

        window.close();
    </pre>
</div>

<div class="slide">
    <h1>Диалоговые окна</h1>

    <pre class="brush: js">
        //alert(); confirm(); prompt();

        function submitQuery() {
            var message = "\n\n\n\n" +
            "_________________________________________________\n\n" +
            "На исполнение такого сложного запроса, как ваш,\n" +
            "может потребоваться минута или более.\n" +
            "_________________________________________________\n\n\n" +
            "Щелкните на кнопке OK, чтобы продолжить,\n" +
            "или Отмена, чтобы отменить операцию.";

             if (!confirm(message)) {
                return;
            }
        }
    </pre>
</div>

<div class="slide">
    <h1>Строка состояния</h1>
</div>

<div class="slide">
    <h1>Cookies</h1>
</div>

<div class="slide">
    <h1>Form</h1>
</div>

<div class="slide">
    <h1>Вопросы / Предложения</h1>

    <ul>
        <li>Alex.Kolonitsky@gmail.com</li>
        <li>akolonitsky@exadel.com</li>
        <li>Skype: Desargues_</li>
        <li>http://code.google.com/p/javascript-learning-courses/issues/list</li>
    </ul>
</div>

</body>
</html>

